
*{
    margin: 0;
    padding:0;
    font-size: 100%;
    font-family:"Microsoft Yahei","sans-serif";
}

body{
    background:#fff;
}

p{
    margin:0;
    padding:0;
}
img {
    border: none;
    vertical-align:middle;
}
ul,ol,li{
    list-style:none;
}
a{
    text-decoration:none;
    color:#fff;
}

.wrapper{
    width:100%;
    margin: 0 auto;
    background:#f0eff5;
}
.header{
    height:60px;
    line-height: 60px;
    width:100%;
    text-align: center;
    background-color: #278add;
   position: relative;
}
.header a{
     display: inline-block;
     width:40px;
     height:40px;
     right:40px;
    position:absolute;
    top:12px;
     background: url("images/icon.png") no-repeat -370px 0;
 }
.header a:first-child{
    top:10px;
    left:40px;
    background: url("images/icon.png") no-repeat -157px 0;
}
.header span{
    color:#fff;
    font-size: 125%;
}
.center{
    width:100%;
}
.memberData{
    background-color: #fff;
    text-align: center;
}
.perData p{
    padding-bottom: 35px;
    font-size: 156%;
}
.perData p:first-child{
    padding:25px 0 15px 0;
    font-weight: 700;
    color:#288add;
}
.perData p span{
    color: #7d7d7d;
    font-size: 86%;
    display: inline-block;
    box-sizing: border-box;
    padding-right:25px;
    padding-left:25px;
}
.perData p span:first-child{
    border-right: 2px solid #e1e1e1;
}
@media screen and (max-width:614px){
    .perData p span{
        padding-right:2%;
        padding-left:2%;
        width:53%;
    }
    .perData p span:first-child{
        width:44%;
    }
}
.perData span b{
    color:#212121;
    font-weight: normal;
    font-size: 100%;
}
.matchData{
    height: 160px;
    padding-top:20px;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
}
.matchData div{
    width:49%;
    float:left;
    text-align: left;
    height:135px;
    list-style: none;
    padding-top:20px;
}
.matchData div:first-child{
    padding-top:0;
    width:45%;
    text-align: right;
    margin-right: 5%;
}
.matchData div span{
    font-size: 125%;
    color: #7d7d7d;
    display: block;
    line-height: 40px;
}
.matchData div:first-child span{
    font-size: 137%;
    float: right;
    color: #fff;
    height:133px;
    width:133px;
    line-height: 128px;
    text-align: center;
    background: url("images/icon.png") no-repeat 0 0;
}
.matchData div span strong{
    color:#ff5351;
    font-size: 100%;
}
.testData{
    padding-top: 10px;
    background: #f0eff5;
}
.testData>div{
    margin:20px 20px 25px 20px;
    padding:0 20px 20px 20px;
   background-color: #fff;
   -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    border-bottom: 3px solid #e1e1e1;
}

.testData>div h3{
    color: #288add;
    border-bottom: 1px solid #e1e1e1;
    padding:23px 45px 15px 20px;
    font-size: 157%;
    font-weight: normal;
    line-height: 35px;
    position: relative;
}
.testData .cognition h3,
.testData .ability h3{
    margin-bottom: 70px;
}
.testData>div h3 i{
    background: url("images/icon.png") no-repeat -420px 0;
    display: inline-block;
    height:30px;
    width:10px;
    position:absolute ;
    left:0;
    top:28px;
}
.testData>div h3 span{
    position: absolute;
    display: inline-block;
    height:46px;
    padding-left:5px;
    width:65px;
    right:-30px;
    top:18px;
    text-align: center;
    font-size: 100%;
    color: #ffffff;
    line-height: 37px;
    background: url("images/icon.png") no-repeat -295px 0;
}
.testData>div.ability h3 span{
    width:82px;
    padding-left:0;
    background: url("images/icon.png") no-repeat -200px 0;
}
.testData .prograss-bottom{
    width:100%;
    height: 28px;
    background-color: #e1e1e1;
    border-bottom: 4px solid #d6d6d6;
    position: relative;
    margin: 0 0 15px 0;
}
.testData .score{
    position: relative;
    width: 100%;
}
.score .right,
.score .left{
    z-index: 10;
    width:14px;
    height:32px;
    position: absolute;
    top:0;
}
.score .right{
    right:0;
    background: url("images/icon.png") no-repeat -430px -107px;
}
.score .left{
    left:0;
    background: url("images/icon.png") no-repeat -418px -107px;
}
.prograss-bottom .prograss-score{
    border-bottom: 4px solid #61a74e;
    height:28px;
    width: 89%;
    left:0;
    position: absolute;
    background-color:#6dbb56;
}
.prograss-bottom .prograss-score i{
    position: absolute;
    right:-3px;
    display: inline-block;
    width:3px;
    height:28px;
    z-index: 1;
    background-color: #ffffff;
    border-bottom: 4px solid #feffff;
}
.ability .prograss-bottom .prograss-score{
    width: 80%;
    background-color: #50afff;
    border-bottom: 4px solid #499de5;
}
.prograss-bottom span{
    color: #6dbb56;
    font-size: 112%;
    text-align: center;
    display: block;
    height:45px;
    line-height: 42px;
    width: 90px;
    position: absolute;
    bottom: 33px;
    right:-43px;
    background: url("images/icon.png") no-repeat -253px -49px;
}
.ability .prograss-bottom span{
    color: #4eaffe;
    background: url("images/icon.png") no-repeat -150px -49px;
}
.scoreDescription{
    padding-top:15px;
}
.interview-question span,
.question-item li,
.testData p{
    color: #404040;
    font-size: 112%;
    line-height: 32px;
}
.question-item li{
    padding-left: 18px;
    position: relative;
}
.question-item li i{
    position: absolute;
    top: 14px;;
    left:0;
    display: inline-block;
    width:8px;
    height:8px;
    background: url("images/icon.png") no-repeat -438px -4px;
}
.testData .question{
    color:#919191;
}
.scoreDescription p span {
    font-size:100%;
 color:#6eba58;
 padding-left: 10px;
    font-weight: 700;
}
.testData .reference-tips{
    padding-top:15px;
}
.interview-question>div{
    margin-top: 55px;
    border-top: 1px solid #919191;
}
.interview-suggest .interview-question>div{
    margin-top: 0;
    border-top:none;
}
.interview-question h4{
    text-align: center;
    position: relative;
    top:-20px;
}
.interview-question h4 span{
    display: inline-block;
    font-weight: normal;
    padding-left: 54px;
    height: 36px;
    line-height: 33px;
    font-size: 134%;
    color:#fff;
    vertical-align: top;
    background: url("images/circleTitle.png") no-repeat left -154px;
}
.interview-question h4 i{
    height: 36px;
    width:35px;
    display: inline-block;
    background: url("images/circleTitle.png") no-repeat right -193px;
}
.interview-question .communication h4 span{
   background-position: left -76px;
    padding: 0 10px 0 44px;
}
.interview-question .communication h4 i{
    background-position: right -116px;
}
.interview-question .customer-demand h4 span{
    background-position: 0 0;
}
.interview-question .customer-demand h4 i{
    background-position: right -38px;
}
.testData .interview-suggest .evaluation{
    margin-top: 30px;
}
.footer{
    width:100%;
    background-color: #fff;
    padding:20px 18px;
    text-align: center;
    box-sizing: border-box;
    border-top: 1px solid #e1e1e1;
}
.footer p{
    line-height: 32px;
    font-size: 112%;
    font-weight: 700;
    color: #bebebe;
}
.footer p:first-child{
    font-weight: normal;
    font-size: 95%;
}
.footer span{
    padding-left: 5px;
    word-break: break-all;
    display: inline-block;
    height: 32px;
    width: 77px;
}